<template>
    <el-form inline :model="form" label-width="80px" label-position="left">
        <el-form-item label="用户名：">
            <el-input v-model="form.name" />
        </el-form-item>
        <el-form-item label="密码：">
            <el-input v-model="form.pass" />
        </el-form-item>
        <el-form-item>
            <el-button type="primary" @click="onSubmit">Create</el-button>
            <el-button>Cancel</el-button>
        </el-form-item>
    </el-form>
</template>

<script setup>
   import { reactive } from 'vue'
   const form = reactive({ pass:'', name: '' })
   const onSubmit = () => {
    console.log('submit!')
   }
</script>
  